<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>主页</title>
	<link rel="stylesheet" href="layui/css/layui.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/animate.css">

</head>
<body>
	<ol class="xf">
	  <li><a href="#"><img src="images/ipone.png">0755-28580008</a></li>
	    <li><a href=""><img src="images/qq.png">QQ咨询</a></li>
	    <li><a href="#"><img src="images/yx.png"></a></li>
	    <li><a href="#"><img src="images/yx1.png"></a></li>
	    <li>
	        <img src="images/ewm.png">
	        <div class="ewm"><img src="http://www.yudian.com/UserFiles/upload/image/20180611/20180611182113125.jpg" style="height: 133px;"></div>
	    </li>
	    <li><a href="#"><img src="images/fhdb.png"></a></li>
	</ol>
	<div class="header layui-fluid">
		<div class="header-logo layui-container">
			<div class="layui-row web">
				<div class="layui-col-md6">
					<a href="" class="logo">
						<img src="http://www.yudian.com/UserFiles/upload/image/20180730/20180730160103938.jpg">
						<img src="images/logo.jpg">
					</a>
				</div>
				<div class="layui-col-md6">
					<div class="inline-phone">
						<span class="number-font">服务热线</span>
						<span class="number-com">29173234</span>
					</div>
					<div class="inline-phone">
						<span class="number-font">服务热线</span>
						<span class="number-hot">29173234</span>
					</div>
				</div>
				
			</div>
		</div>
		<div class="layui-row mob">
			<div class="layui-col-xs8">
				<a href="/" class="logo"><img src="http://www.yudian.com/UserFiles/upload/image/20180730/20180730160103938.jpg" /></a>
    		</div>
    		<div class="layui-col-xs2 icn"><img src="http://zhcxkj.com/Public/home/images/icn.png" /></div>
    		<ul class="layui-col-xs12 mmp1"  >
    			<li class="layui-col-xs12">
    				<li><a href="">企业概况</a></li>
					<li><a href="">新闻中心</a></li>
					<li><a href="">产品中心</a></li>
					<li><a href="">应用案例</a></li>
					<li><a href="">资料下载</a></li>
					<li><a href="">技术交流</a></li>
					<li><a href="">人才招聘</a></li>
					<li><a href="">联系我们</a></li>
    			</li>
    		</ul>
        </div>
		<div class="header-nav">
			<div class="layui-container">
				<div class="layui-row">
					<ul class="nav-item">
						<li><a href="" class="active">首页</a></li>
						<li><a href="">企业概况</a></li>
						<li><a href="">新闻中心</a></li>
						<li><a href="">产品中心</a></li>
						<li><a href="">应用案例</a></li>
						<li><a href="">资料下载</a></li>
						<li><a href="">技术交流</a></li>
						<li><a href="">人才招聘</a></li>
						<li><a href="">联系我们</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="banner layui-container">
		<div class="layui-carousel" id="banner">
		  <div carousel-item>
		    <div>条目1</div>
		    <div>条目2</div>
		    <div>条目3</div>
		    <div>条目4</div>
		    <div>条目5</div>
		  </div>
		</div>
	</div>

	<div class="aboutus layui-container">
		<h2 class="class-name">关于我们</h2>
		<div class="layui-row layui-col-space20">
			<div class="layui-col-md5 about-img animated fadeInLeft" >
				<img src="http://zhcxkj.com/Public/uploads/2018-01-08/5a52c8bfeeb1b.jpg">
			</div>
			<div class=" layui-col-md7 about-txt  animated  fadeInRight" >
				<p>宇电自动化科技有限公司专业提供高端节能环保产品和解决方案，20多年来专注于精密测控节能技术的开发和研究，率先推出AI人工智能调节算法、模块化和平台化结构、自定义信号输入等先进技术，在晶体生长、超导材料及精密试验设备等高端领域中拥有众多长期配套客户。目前，产品年销售量超过60万台套，是精密测控节能技术的专业供应商。</p>
				<a href="http://www.layui.com" class="layui-btn">查看更多</a>
			</div>
		</div>
	</div>

	<div class="caseshow layui-container">
		<h2 class="class-name">案例展示</h2>
		<div class="layui-row layui-col-space15">
			<dl class="layui-col-md4 animated bounceIn">
				<a href="">
					<dd>
						<img src="http://zhcxkj.com/Public/uploads/2019-11-09/001.jpg">
					</dd>
					<dt>
						<h2>智汇创想2020新春年会主持人大揭...</h2>
					</dt>
				</a>
			</dl>
			<dl class="layui-col-md4 animated bounceIn">
				<a href="">
					<dd>
						<img src="http://zhcxkj.com/Public/uploads/2019-11-09/001.jpg">
					</dd>
					<dt>
						<h2>智汇创想2020新春年会主持人大揭...</h2>
					</dt>
				</a>
			</dl>
			<dl class="layui-col-md4 animated bounceIn">
				<a href="">
					<dd>
						<img src="http://zhcxkj.com/Public/uploads/2019-11-09/001.jpg">
					</dd>
					<dt>
						<h2>智汇创想2020新春年会主持人大揭...</h2>
					</dt>
				</a>
			</dl>
			<div class="layui-col-md12 animated fadeInLeft">
				<a class="ck" href="">查看更多</a>
			</div>
		</div>
	</div>

	<div class="proshow layui-fluid">
		<div class="layui-container">
			<div class="layui-row">
				<div class="class-title">
					<h2>产品展示</h2>
				</div>
				<div id="mi-slider" class="mi-slider animated bounceIn">
					<ul>
						<li><a href="#"><img src="images/1.jpg" alt="img01"><h4>Boots</h4></a></li>
						<li><a href="#"><img src="images/2.jpg" alt="img02"><h4>Oxfords</h4></a></li>
						<li><a href="#"><img src="images/3.jpg" alt="img03"><h4>Loafers</h4></a></li>
						<li><a href="#"><img src="images/4.jpg" alt="img04"><h4>Sneakers</h4></a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/5.jpg" alt="img05"><h4>Belts</h4></a></li>
						<li><a href="#"><img src="images/6.jpg" alt="img06"><h4>Hats &amp; Caps</h4></a></li>
						<li><a href="#"><img src="images/7.jpg" alt="img07"><h4>Sunglasses</h4></a></li>
						<li><a href="#"><img src="images/8.jpg" alt="img08"><h4>Scarves</h4></a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/9.jpg" alt="img09"><h4>Casual</h4></a></li>
						<li><a href="#"><img src="images/10.jpg" alt="img10"><h4>Luxury</h4></a></li>
						<li><a href="#"><img src="images/11.jpg" alt="img11"><h4>Sport</h4></a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/12.jpg" alt="img12"><h4>Carry-Ons</h4></a></li>
						<li><a href="#"><img src="images/13.jpg" alt="img13"><h4>Duffel Bags</h4></a></li>
						<li><a href="#"><img src="images/14.jpg" alt="img14"><h4>Laptop Bags</h4></a></li>
						<li><a href="#"><img src="images/15.jpg" alt="img15"><h4>Briefcases</h4></a></li>
					</ul>
					<nav>
						<a href="#">Shoes</a>
						<a href="#">Accessories</a>
						<a href="#">Watches</a>
						<a href="#">Bags</a>
					</nav>
				</div>
			</div>
		</div>
	</div>

	<div class="new layui-fluid">
		<div class="layui-container">
			<div class="layui-row layui-col-space30">
				<div class="layui-col-md4 animated bounceIn">
			            <div class="news-tab">
			            	<h2>公司新闻</h2>
			                <a href="/news/C0.html">+ MORE</a>
			            </div>
			            <div class="tabs-switch_container">
                            <ul class="tabs-switch_linklists">
                                <li class="tabs-switch_link">
                                    <a href="/shownews/C14Imo.html">
                                         5*20mm陶瓷管慢断保险丝...
                                    </a>
                                    <span class="time">2020-04-02</span>
                                </li>
                                <li class="tabs-switch_link">
                                    <a href="/shownews/C14Imo.html">
                                         5*20mm陶瓷管慢断保险丝...
                                    </a>
                                    <span class="time">2020-04-02</span>
                                </li>
                                <li class="tabs-switch_link">
                                    <a href="/shownews/C14Imo.html">
                                         5*20mm陶瓷管慢断保险丝...
                                    </a>
                                    <span class="time">2020-04-02</span>
                                </li>
                                <li class="tabs-switch_link">
                                    <a href="/shownews/C14Imo.html">
                                         5*20mm陶瓷管慢断保险丝...
                                    </a>
                                    <span class="time">2020-04-02</span>
                                </li>
                            </ul>
                        </div>
				</div>
				<div class="layui-col-md4 animated bounceIn">
			            <div class="news-tab">
			            	<h2>公司新闻</h2>
			                <a href="/news/C0.html">+ MORE</a>
			            </div>
			            <div class="tabs-switch_container">
                            <ul class="tabs-switch_linklists">
                                <li class="tabs-switch_link">
                                    <a href="/shownews/C14Imo.html">
                                         5*20mm陶瓷管慢断保险丝...
                                    </a>
                                    <span class="time">2020-04-02</span>
                                </li>
                                <li class="tabs-switch_link">
                                    <a href="/shownews/C14Imo.html">
                                         5*20mm陶瓷管慢断保险丝...
                                    </a>
                                    <span class="time">2020-04-02</span>
                                </li>
                                <li class="tabs-switch_link">
                                    <a href="/shownews/C14Imo.html">
                                         5*20mm陶瓷管慢断保险丝...
                                    </a>
                                    <span class="time">2020-04-02</span>
                                </li>
                                <li class="tabs-switch_link">
                                    <a href="/shownews/C14Imo.html">
                                         5*20mm陶瓷管慢断保险丝...
                                    </a>
                                    <span class="time">2020-04-02</span>
                                </li>
                            </ul>
                        </div>
				</div>
				<div class="layui-col-md4 animated bounceIn">
			            <div class="news-tab">
			            	<h2>公司新闻</h2>
			                <a href="/news/C0.html">+ MORE</a>
			            </div>
			            <div class="tabs-switch_container">
                            <ul class="tabs-switch_linklists">
                                <li class="tabs-switch_link">
                                    <a href="/shownews/C14Imo.html">
                                         5*20mm陶瓷管慢断保险丝...
                                    </a>
                                    <span class="time">2020-04-02</span>
                                </li>
                                <li class="tabs-switch_link">
                                    <a href="/shownews/C14Imo.html">
                                         5*20mm陶瓷管慢断保险丝...
                                    </a>
                                    <span class="time">2020-04-02</span>
                                </li>
                                <li class="tabs-switch_link">
                                    <a href="/shownews/C14Imo.html">
                                         5*20mm陶瓷管慢断保险丝...
                                    </a>
                                    <span class="time">2020-04-02</span>
                                </li>
                                <li class="tabs-switch_link">
                                    <a href="/shownews/C14Imo.html">
                                         5*20mm陶瓷管慢断保险丝...
                                    </a>
                                    <span class="time">2020-04-02</span>
                                </li>
                            </ul>
                        </div>
				</div>
			</div>
		</div>
	</div>

	<div class="footer layui-fluid">
		<div class="layui-container">
			<div class="layui-row">
				<div class="layui-col-md6">
					<div class="b-tit">
						<h4>企业概况</h4>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
					</div>
					<div class="b-tit">
						<h4>企业概况</h4>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
					</div>
					<div class="b-tit">
						<h4>企业概况</h4>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
					</div>
					<div class="b-tit">
						<h4>企业概况</h4>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
						<p>公司简介</p>
					</div>
				</div>
				<div class="layui-col-md6 other-img">
					<img src="http://www.yudian.com/UserFiles/upload/image/20180611/20180611182113125.jpg">
					<h3 class="pt15">宇电官方微信平台</h3>
				</div>
			</div>
		</div>
	</div>
	<div class="bottom2 layui-fluid">
		<p>©2015-2019***有限责任公司&nbsp;<a href="http://beian.miit.gov.cn" target="_blank">粤ICP备16122108号-1</a></p>
	</div>


</body>
<script src="layui/layui.js"></script>
<script src="js/modernizr.custom.63321.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.catslider.js"></script>
<script src="js/index.js"></script>
<script>
layui.use('carousel', function(){
  var carousel = layui.carousel;
  //建造实例
  carousel.render({
    elem: '#banner'
    ,width: '100%' //设置容器宽度
    ,arrow: 'hover' //始终显示箭头
    ,anim: 'fade' //切换动画方式
  });
});

$( '#mi-slider' ).catslider();		
</script> 
</html> 